<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="__STATIC__/web/js/rem.js"></script>
    <link rel="stylesheet" href="__STATIC__/web/css/public.css">
    <link rel="stylesheet" href="__STATIC__/web/css/result_lib.css">
    <link rel="stylesheet" href="__STATIC__/web/css/my_collect.css">
    <script src="__STATIC__/web/js/jquery.js"></script>
    <title>我的收藏</title>
    <style>
        .bottom-bar {
            position: fixed;
            bottom: 0;
        }
        .pages {
            border-top: .2rem solid #f8f8f8;
            border-bottom: .01rem solid #f8f8f8;
            display: flex;
            height: 1rem;
            justify-content: space-between;
        }

        .pages .last-page {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            border-right: .01rem solid #f8f8f8;

        }

        .pages .last-page img {
            transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            /* IE 9 */
            -moz-transform: rotate(180deg);
            /* Firefox */
            -webkit-transform: rotate(180deg);
            /* Safari 和 Chrome */
            -o-transform: rotate(180deg);
            /* Opera */
        }

        .pages .last-page div {
            margin-left: .5rem;
            color: #999;
        }

        .pages .nexts-page {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .pages .nexts-page div {
            margin-right: .5rem;
            color: #999;
        }        .pages {
            border-top: 0;
            border-bottom: .01rem solid #f8f8f8;
            display: flex;
            height: 1rem;
            justify-content: space-between;
        }

        .pages .last-page {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            border-right: .01rem solid #f8f8f8;

        }

        .pages .last-page img {
            transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            /* IE 9 */
            -moz-transform: rotate(180deg);
            /* Firefox */
            -webkit-transform: rotate(180deg);
            /* Safari 和 Chrome */
            -o-transform: rotate(180deg);
            /* Opera */
        }

        .pages .last-page div {
            margin-left: .5rem;
            color: #999;
        }

        .pages .nexts-page {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .pages .nexts-page div {
            margin-right: .5rem;
            color: #999;
        }
    </style>
</head>

<body>
    <div class="header" style="border-bottom: 0">
        <if condition="$uid eq null">
            <if condition="$uid eq null">
                <div class="user-login">
                    <a href="{:url('login/signup')}" id="user-login">注册</a>
                    <a href="{:url('login/login')}" id="user-login">登录</a>
                    <a href="" id="user-logined">
                        <img src="./web/img/logined.png" />
                    </a>
                </div>
                <else />
                <div class="user-login">
                    <a href="{:url('me/me')}" id="user-login">欢迎您，{$user.real_name|default='新用户'}</a>
                    <a href="" id="user-logined">
                        <img src="./web/img/logined.png" />
                    </a>
                </div>
            </if>
            <else />
            <div class="login">
                <a href="{:url('me/me')}">
                    <img class="login-user" src="__STATIC__/web/img/login_user.png" />
                </a>
            </div>
        </if>
        <img class="logo" src="__STATIC__/web/img/logo_white.png" />
    </div>
    <ul class="tab" id="tab-change">
        <li class="select">人才</li>
        <li>成果</li>
        <li>需求</li>
        <li>团队</li>
    </ul>
    <ul class="result-lib" id="tab-list">
        <li>
            <if condition="count($teachers) eq 0">
                
                <img id="not-list" src="__STATIC__/web/img/not_list.png" class="not-list">
            </if>
            <foreach name="teachers" item="vo">
                <a href="{:url('people/talentsDetail')}?id={$vo.id}">
                    <img src="__STATIC__/web/img/news.png">
                    <div class="result-info">
                        <div class="title" style="-webkit-box-orient: vertical;">{$vo.real_name}</div>
                    </div>
                </a>
            </foreach>
            <div class="pages">
                <if condition="$p_page gt 1">
                    <div class="last-page" onclick="javascript:window.location.href=`{:url('me/collection')}?p_page={$p_page-1}`">
                        <img src="__STATIC__/web/img/more.png">
                        <div>上一页</div>

                    </div>
                </if>
                <if condition="$p_page lt $p_maxPage">
                    <div class="nexts-page"  onclick="javascript:window.location.href=`{:url('fruit/index')}?p_page={$p_page+1}`">
                        <div>下一页</div>
                        <img src="__STATIC__/web/img/more.png">
                    </div>
                </if>
            </div>
            <div style="height:1.36rem"></div>
        </li>
        <li>
            <if condition="count($fruits) eq 0">
                <img id="not-list" src="__STATIC__/web/img/not_list.png" class="not-list">
            </if>
            <foreach name="fruits" item="vo">
                <a href="{:url('fruit/detail')}?id={$vo.id}">
                    <img src="__STATIC__/web/img/news.png">
                    <div class="result-info">
                        <div class="title" style="-webkit-box-orient: vertical;">{$vo.title}</div>
                        <div class="from-date">
                            <div class="from" style="-webkit-box-orient: vertical;">发布者：<if
                                    condition="$vo.issuer_type eq 2">后台管理员
                                    <else />{$vo.teacher.real_name}</if>
                            </div>
                            <div class="date">{$vo.create_time|date="Y-m-d"}</div>
                        </div>
                    </div>
                </a>
            </foreach>
            <div class="pages">
                <if condition="$f_page gt 1">
                    <div class="last-page" onclick="javascript:window.location.href=`{:url('me/collection')}?f_page={$f_page-1}`">
                        <img src="__STATIC__/web/img/more.png">
                        <div>上一页</div>

                    </div>
                </if>
                <if condition="$f_page lt $f_maxPage">
                    <div class="nexts-page"  onclick="javascript:window.location.href=`{:url('fruit/index')}?f_page={$f_page+1}`">
                        <div>下一页</div>
                        <img src="__STATIC__/web/img/more.png">
                    </div>
                </if>
            </div>
            <div style="height:1.36rem"></div>
        </li>
        <li>
            <if condition="count($requirements) eq 0">
                <img id="not-list" src="__STATIC__/web/img/not_list.png" class="not-list">
            </if>
            <foreach name="requirements" item="vo">
                <a href="{:url('requirement/detail')}?id={$vo.id}">
                    <img src="__STATIC__/web/img/news.png">
                    <div class="result-info">
                        <div class="title" style="-webkit-box-orient: vertical;">{$vo.title}</div>
                        <div class="from-date">
                            <div class="from" style="-webkit-box-orient: vertical;">发布者：<if
                                    condition="$vo.issuer_type eq 2">后台管理员
                                    <else />{$vo.user.real_name}</if>
                            </div>
                            <div class="date">{$vo.create_time|date="Y-m-d"}</div>
                        </div>
                    </div>
                </a>
            </foreach>
            <div class="pages">
                <if condition="$r_page gt 1">
                    <div class="last-page" onclick="javascript:window.location.href=`{:url('me/collection')}?r_page={$r_page-1}`">
                        <img src="__STATIC__/web/img/more.png">
                        <div>上一页</div>

                    </div>
                </if>
                <if condition="$r_page lt $r_maxPage">
                    <div class="nexts-page"  onclick="javascript:window.location.href=`{:url('fruit/index')}?r_page={$r_page+1}`">
                        <div>下一页</div>
                        <img src="__STATIC__/web/img/more.png">
                    </div>
                </if>
            </div>
            <div style="height:1.36rem"></div>
        </li>

        <li>
            <if condition="count($teams) eq 0">
                <img id="not-list" src="__STATIC__/web/img/not_list.png" class="not-list">
            </if>
            <foreach name="teams" item="vo">
                <a href="{:url('people/teamDetail')}?id={$vo.id}">
                    <img src="__STATIC__/web/img/news.png">
                    <div class="result-info">
                        <div class="title" style="-webkit-box-orient: vertical;">{$vo.team_name}</div>
                        <div class="from-date">
                            <div class="from" style="-webkit-box-orient: vertical;">发布者：{$vo.founder_name}</div>
                            <div class="date">{$vo.create_time|date="Y-m-d"}</div>
                        </div>
                    </div>
                </a>
            </foreach>
            <div class="pages">
                <if condition="$t_page gt 1">
                    <div class="last-page" onclick="javascript:window.location.href=`{:url('me/collection')}?t_page={$t_page-1}`">
                        <img src="__STATIC__/web/img/more.png">
                        <div>上一页</div>

                    </div>
                </if>
                <if condition="$t_page lt $t_maxPage">
                    <div class="nexts-page"  onclick="javascript:window.location.href=`{:url('fruit/index')}?t_page={$t_page+1}`">
                        <div>下一页</div>
                        <img src="__STATIC__/web/img/more.png">
                    </div>
                </if>
            </div>
            <div style="height:1.36rem"></div>
        </li>
        
    </ul>


    <div class="bottom-bar">
        <div>Copyright©2019 　山东科技大学</div>
        <div>鲁ICP备09051012号</div>
    </div>
    <script>
        $('#tab-list li').eq(0).show();
        $('#tab-change li').click(function () {
            var index = $(this).index();
            $(this).addClass('select').siblings().removeClass('select')
            // $('#tab-list').eq(index).show().siblings().hide();
            $('#tab-list li').hide().eq($(this).index()).show();
        })
    </script>
</body>

</html>